/*
  学习目标：useState使用说明
   
   
   
*/

import { useState } from 'react';
export default function App() {
  // 1. useState可以调用多次, 声明多个状态
  const [count, setCount] = useState(81);
  //  2. 知道useState更新过程
  // 源码内部自动判断是否第一次渲染, 第一次取输出是, 非第一次取内部保存的最新值
  const [msg] = useState('hello React');

  // 3. useState可以声明任意数据类型
  const [list] = useState([1, 2, 3]);

  // 👍 推荐写法:  const [变量名 , set+驼峰变量名] = useState(初始值)
  const [person, setPerson] = useState({ name: 'zs' });

  return (
    <div>
      App
      <h3>
        {count} - {msg} - {list} - {person.name}
      </h3>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </div>
  );
}
